export default {
    click() {
        this.zoomScale += 200;
        let width = this.zoom_width = this.canvas.width + this.zoomScale
        this.scale = this.canvasRect.width / width;
        let height = this.canvasRect.height / this.scale;
        this.canvasBox.style.width = width + 'px'
        this.canvasBox.style.height = height + 'px';
        for (let i = 0; i < this.data.length; i++) {
            let item = this.data[i]
            if (item.type === 'Text') {
                let el = document.getElementById(item.id)
                if (el) {
                    el.style.left = (item.left / this.scale) + 'px'
                    el.style.top = (item.top / this.scale) + 'px'
                    el.style.fontSize = (item.font / this.scale) + 'px'
                }
            }
        }
    },
    canvasMousedown(e) {
    },
    canvasMouseup(e) {
    },
    canvasMouseout(e) {
    },
    canvasTouchstart(e) {
    },
    canvasTouchend(e) {
    },
    winMouseup() {
    },
    winMousemove(e) {
    },
    winTouchend(e) {
    },
    visibilitychange() {
    }
}
